// eslint-disable-next-line no-undef
// module.exports = {
//   plugins: {
//     'postcss-px-to-viewport': {
//       // 我们ui设计稿的基本尺寸  默认的设计都是以  iphone 6的宽度为基准
//       viewportWidth: 750
//     }
//   }
// }

// 使用rem来实现 响应式
// 需要两个插件  postcss-pxtorem lib-flexible(这个包官方说已经废弃了，推荐用amfe-flexible(这个是淘宝的h5以前网站用的包))
// 1.pnpm add postcss-pxtorem amfe-flexible 先安装这两个包
// 2.然后再main.js 里面导入这个包  import 'amfe-flexible'
// 3.最后将下面代码 粘贴到postcss.config.js里面
// eslint-disable-next-line no-undef
module.exports = {
  plugins: {
    // POSTCSS是后缀的css处理器，自己没有什么功能，主要是结合postcss周边的插件，显得功能很强大
    'postcss-pxtorem': {
      // vant-ui UI设计稿尺寸是375px， 而我们医疗项目的设计稿是750
      // 所以我们要修改基准宽度的值，如果是vant相关的类名，就是37.5， 其他的一律按照750来
      // rootValue: 37.5,
      rootValue({ file }) {
        console.log(1111111, file)
        return file.indexOf('vant') !== -1 ? 37.5 : 75
      },
      propList: ['*']
    }
  }
}
